<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <script src="/js/vue.js"></script>
    <link rel="stylesheet" href="/elementUI/index.css">
    <!-- 引入组件库 -->
    <script src="/elementUI/index.js"></script>
</head>
<style>
    .el-header, .el-footer {
        background-color: #B3C0D1;
        color: #333;
        text-align: center;
        line-height: 60px;
    }

    .el-aside {
        background-color: #D3DCE6;
        color: #333;
        text-align: center;
        line-height: 200px;
    }

    .el-main {
        background-color: #E9EEF3;
        color: #333;
        text-align: center;
        line-height: 160px;
    }

    body > .el-container {
        margin-bottom: 40px;
    }

    .el-container:nth-child(5) .el-aside,
    .el-container:nth-child(6) .el-aside {
        line-height: 260px;
    }

    .el-container:nth-child(7) .el-aside {
        line-height: 320px;
    }
</style>
<body>

    <div id="app" >
        <el-container>
            <el-header>
                <el-button type="primary" @click="onSubmit">进入主页</el-button>
            </el-header>
            <el-main>
                <img src="/img/006faMndly1hs3hury8mtj311i0u04eb.jpg" style="width: 100%;height: auto">
            </el-main>
            <el-footer>特别鸣谢</el-footer>
        </el-container>
    </div>

</body>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                form: {},
                options: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }, {
                    value: '选项3',
                    label: '蚵仔煎'
                }, {
                    value: '选项4',
                    label: '龙须面'
                }, {
                    value: '选项5',
                    label: '北京烤鸭'
                }],
                value: ''
            }
        },
        methods: {
            onSubmit() {
                console.log('submit!');
                
            }
        }
    })
</script>
</html>